<template>
    <div>
        <div class="pro-page-bar">
            <a class="ques" @click="showFeedBack=true"><span class="cus-tooltip">意见反馈</span></a>
            <a class="top" @click="toTop"></a>

            <div class="game-n-u-visit fbar-uv" v-if="showFnew">
                <div class="nv-content">
                <div class="nv-content-l">
                    <span>「点这里，提意见」</span>
                    <span>欢迎分享你的建议</span>
                </div>
                <a class="n-u-v-close" @click="handlCloseTop"></a>
                </div>
                <a class="top-cbox"></a>
                <a class="ques-box" @click="handlCloseTop();showFeedBack=true;"></a>
            </div>
        </div>
        
        <a-modal v-model="showFeedBack" destroyOnClose centered :footer="null"  :closable="false" width="670px">
        <FeedBack targetid="" :targettype="0" ref="refFeedBack" @close="showFeedBack=false"/>
        </a-modal>
    </div>
</template>

<script>
import FeedBack from '@/components/feedBack'
export default{
    components:{FeedBack},
    data(){
        return {
            showFnew:false,
            showFeedBack:false
        }
    },
    methods:{
        handlCloseTop(){
            this.showFnew=false;
            localStorage.setItem('FBAR-NYD',false);
        },
        toTop(){
            this.$emit('scrollchange')
        }
    },
    mounted(){
        if(!localStorage.getItem('FBAR-NYD')){
            this.showFnew=true;
        }
    }
}
</script>